<template>
  <div class="page">
    <nav-top title="绿色就医"></nav-top>
    <xl-footer class="bt">
      <button @click='goAppointment'class='row-btn'>立即预约</button>
    </xl-footer>
    <page-content>
      <p class="s-title">预约信息</p>
      <ul>
        <list-item v-for="(item,index) in listData" :data="item" :key="index"></list-item>
      </ul>
    </page-content>
  </div>
</template>

<script>
import navTop from '@c/header/navTop'
import pageContent from '@c/pagecontent'
import xlFooter from '@c/footer.vue'
import listItem from './_list-item'
export default {
  name: 'greenMedical',
  components:{
    navTop,
    pageContent,
    xlFooter,
    listItem
  },
  // props:,
  data () {
    return {
      listData:[
        {
          state:0,
          time:'2017年4月9日00:20:35',
          doctor:'竹垭里',
          keshi:'内分泌科',
          hospital:'中山市人民医院'
        },
        {
          state:2,
          time:'2017年4月9日00:20:35',
          doctor:'竹垭里',
          keshi:'内分泌科',
          hospital:'中山市人民医院'
        }
      ]
      }
  },
  methods:{
    goAppointment(){
      this.$router.push('/choose-docter')
    }
  }
}
</script>
<style lang='scss' scoped>
.row-btn{
  width: 100%;
  height: 100%;
  text-align: center;
  color:#fb4700;
  background-color: #f8f8f9;
  font-size:30px; /*px*/
}
</style>